<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <style>
    .box {
        width: 800px;
        height: 600px;
        border: 2px solid #000;
        display: table;
        position: relative;
        overflow: hidden;
    }
    
    span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        *position: absolute;
        left: 50%;
        top: 50%;
    }
    
    img {
        *position: relative;
        vertical-align: top;
        left: -50%;
        top: -50%;
    }
    </style>
</head>

<body>
    <div class="box">
        <span><img src="bigptr.jpg" /></span>
    </div>
</body>

</html>
